<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>cityWalk</title>
    <link rel="stylesheet" href="stylesheets/reset.css">
    <link rel="stylesheet" href="stylesheets/cityWalk.css">
    <link rel="stylesheet" href="stylesheets/footer.css">
</head>
<body>
    <div class="citywalk">
        <div class="tips">
            <ul class="list">
                <li class="list_li">
                    <a href="" class="tips_a">目的地</a>
                </li>
                <li class="list_li">
                    <a href=""  class="tips_a" >锦囊</a>
                </li >
                <li class="list_li">
                    <a href=""  class="tips_a">行程助手</a></li>
                <li class="list_li">
                    <a href=""  class="tips_a">社区</a></li>
                <li class="list_li">
                    <a href=""  class="tips_a">最世界·自由行</a></li>
                <li class="list_li">
                    <a href=""  class="tips_a">机票</a></li>
                <li class="list_li">
                    <a href=""  class="tips_a">酒店</a></li>
                <li class="list_li">
                    <a href=""  class="tips_a">预定</a></li>
            </ul>
        </div>
        <div class="search">
            <a href=""> <img src="../images/head-logo.png" alt="" class="search_img1"></a>
            <form action="" class="search_form">
                <input type="text" placeholder="搜索国家、城市、产品" class="seach" >
                <div class="menu1">
                    <ul>
                        <li>
                            <p>日本</p>
                            <span><a href="">热门搜索</a></span>
                        </li>
                        <li>
                            <p>清迈</p>
                            <span><a href="">热门搜索</a></span>
                        </li>
                        <li>
                            <p>海岛</p>
                            <span><a href="">热门搜索</a></span>
                        </li>
                        <li>
                            <p>法国</p>
                            <span><a href="">热门搜索</a></span>
                        </li>
                        <li>
                            <p>台湾</p>
                            <span><a href="">热门搜索</a></span>
                        </li>
                        <li>
                            <p>韩国</p>
                            <span><a href="">热门搜索</a></span>
                        </li>
                    </ul>
                </div>
            </form>
            <!--<ul>-->
                <!--<li>我的收藏</li>-->
                <!--<li>我的订单</li>-->
            <!--</ul>-->
        </div>
        <div class="nav">
            <ul class="nav_list">
                <li><a href="http://localhost:8080/">首页</a></li>
                <li><a href="">机酒自由行</a></li>
                <li><a href="">城市玩乐</a></li>
                <li><a href="">签证</a></li>
                <li><a href="">租车</a></li>
                <li><a href="">邮轮</a></li>
                <li><a href="">海岛游</a></li>
                <li><a href="">限时特卖</a></li>
                <li><a href="">特色路线</a></li>
                <li><a href="http://localhost:8080/cityWalk">CityWalk</a></li>
            </ul>
        </div>
        <div class="logo">
            <img src="../images/banner1-black-img1.jpg" alt="">
        </div>
        <div class="down">
            <!--<div class="down_nav"></div>-->
            <div class="nav">
                <ul class="nav_list">
                    <li><a href="">首页</a></li>
                    <li><a href="">上海</a></li>
                    <li><a href="">北京</a></li>
                    <li><a href="">京都</a></li>
                    <li><a href="">广州</a></li>
                    <li><a href="">东京</a></li>
                    <li><a href="">布拉格</a></li>
                    <li><a href="">巴塞罗那</a></li>
                    <li><a href="">纽约</a></li>
                    <li><a href="">巴黎</a></li>
                    <li><a href="">墨尔本</a></li>
                    <li><a href="">汉堡</a></li>
                </ul>
            </div>
            <div class="down_tit">
                <ul>
                    <li>综合排序</li>
                    <li>销量</li>
                    <li>今日新品</li>
                </ul>
            </div>
            <div class="down_pics">
                   <ul></ul>
            </div>        
            <footer>
                <div class="firstFooter">
                    <div class="firstFooter_content">
                        <ul class="footer_nav">
                            <li><a href="#">机酒自由行</a></li>
                            <li><a href="#">城市玩乐</a></li>
                            <li><a href="#">签证</a></li>
                            <li><a href="#">租车</a></li>
                            <li><a href="#">邮轮</a></li>
                            <li><a href="#">海岛游</a></li>
                            <li><a href="#">限时特卖</a></li>
                            <li><a href="#">特色线路</a></li>
                            <li><a href="#">CityWalk</a></li>
                        </ul>
                        <ul class="footer_feature">
                            <li>
                                <p class="icon"><img src="../images/code1.png" alt=""></p>
                                <h4 class="title">专业保证</h4>
                                <p class="text">我们收集穷游er的真实诉求，也找寻全世界最独特的旅行目的地，让更多的穷游er轻松出行</p>
                            </li>
                            <li>
                                <p class="icon"><img src="../images/code2.png" alt=""></p>
                                <h4 class="title">多重审核</h4>
                                <p class="text">对旅游产品供应商严格筛选，资质认证层层把关，为穷游er精挑细选最值得信赖的旅行产品</p>
                            </li>
                            <li>
                                <p class="icon"><img src="../images/code3.png" alt=""></p>
                                <h4 class="title">安心陪护</h4>
                                <p class="text">对所有穷游er的购买进行跟踪服务以及质量监控，有效投诉先行赔付，出现任何问题负责到底</p>
                            </li>
                            
                        </ul>
                    </div>
                </div>
                <div class="secondFooter">
                    <div class="secondFooter_content">
                        <div class="footer_line">
                            <p class="footer_logo"><img src="../images/foot-logo.png" alt=""></p>
                            <p class="textTwo">最世界·自由行——从一张机票、一家酒店的订购，到一次暖心的接机服务、一张轻松融入当地的交通卡，让我们带你探索这个世界</p>
                            <p class="watchUs">关注我们</p>
                            <span class="mySpan icon-iphone"></span>
                            <span class="mySpan icon-WeChart"></span>
                            <span class="mySpan icon-sina"></span>
                            <span class="mySpan icon-email"></span>
                        </div>
                        <div class="footer_lineTwo">
                             <ul>
                                 <li><a href="#">关于最世界·自由行</a>|</li> 
                                 <li><a href="#">服务与隐私</a>|</li> 
                                 <li><a href="#">联系我们</a>|</li>
                                 <li><a href="#">旅游度假资质</a>|</li>
                                 <li><a href="#">营业执照</a>|</li>
                                 <li><a href="#">投诉建议</a></li>
                             </ul>
                             <p class="last_content">
                                 2004-2016 © 穷游网™ qyer.com All rights reserved. Version v5.57 京ICP备12003524号 京公网安备11010502023470 京ICP证140673号
                             </p>
                             <p>
                                 北京穷游天下科技发展有限公司 电话：010-64554668
                             </p>
                             <p class="link_p">
                                 友情链接：
                                    <a href="#">美国旅游</a>
                                    <a href="#">房车租赁</a>
                                    <a href="#">旅行工具</a>
                                    <a href="#">美规车网</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </footer>



    </div>
</body>
</html>
<script src="javascripts/jquery-1.11.1.min.js"></script>
<script src="javascripts/swiper-3.3.1.min.js"></script>
<script src="javascripts/cityWalk.js"></script>
209